<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Document</title>
    <script type='text/javascript' src='js/vue.js'></script>
</head>
<body>
    <div id='app'>
        {{msg}}


        <com1>
            <template   v-slot:aa>
                    <div>
                            <ul>
                                <li>12312</li>
                            </ul>
                        </div>
            
                        <div>
                            <ul>
                                <li>12312</li>
                            </ul>
                        </div>
            </template>
            

            <div>
                <ul>
                    <li>12312</li>
                </ul>
            </div>
        </com1>
    </div>
    <script type='text/javascript'>


        var  com1={
            template:`<div>
            这是一个组件

            <header>
            
                <slot name="aa"></slot>
            </header>
            
            <slot></slot>
            </div>`,
            data(){
                return  {

                }
            },
        }

        var vm = new Vue({
            el: '#app',
            data: {
                msg: 'Hello Vue'
            },
            components:{
                com1
            }
        });






       // 正确写法：axios.get("/user?id=4&name=张三").then(res=>{})
      //  错误写法：    
            axios.get("/user",{
                id:4,
                name:"张三"
            })
    //========正确写法：
            axios.get("/user",{
                params:{
                    id:4,
                    name:"张三"
                }
            })

        //获取地址栏的参数：
         new  URLSearchParams(location.search).get("name")


         funtion aa(){

         }

         funtion bb(){}

         aa()
         bb()
    </script>
</body>
</html>